﻿<!doctype html>
<html class="no-js" lang="en" >
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>首页</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="lib/custom-slider/css/nivo-slider.css"/>
        <link rel="stylesheet" href="lib/custom-slider/css/preview.css"/>
        <link rel="stylesheet" href="css/font-awesome.min.css"/>
        <link rel="stylesheet" href="css/owl.carousel.css"/>
        <link rel="stylesheet" href="css/jquery-ui.css"/>
        <link rel="stylesheet" href="css/meanmenu.min.css"/>
        <link rel="stylesheet" href="css/animate.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <link rel="stylesheet" href="css/responsive.css"/>

		<!-- modernizr JS
		============================================ -->		
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!-- header start -->
        <header class="header-area">
            <!--<header class="header-area">-->
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-2">
                        <div class="header-logo">
                            <a href="user_index.html"><img src="img/logo/header-logo.png" alt="Jhilmil"></a>
                        </div>
                    </div>
                    <div class="col-md-10">
                        <div class="row">
                            <div class="col-lg-5 col-md-4 col-sm-3 hidden-xs">
                                <div class="top-left">

                                </div>
                            </div>
                            <div class="col-lg-7 col-md-8 col-sm-9">
                                <div class="top-right">
                                    <div class="top-login-cart">
                                        <ul id="nav-header">
                                            <li class="hidden-xs">
                                                <a href="user_loginUI.html">登陆/注册</a>
                                            </li>
                                            <li class="hidden-xs welcome">
                                                <a href="#" class="user"></a>
                                            </li>
                                            <li class="welcome">
                                                <a href="javascript:void(0);" class="log-out">退出登录</a>
                                            </li>
                                            <li class="cart">
                                                <a href="javascript:void(0);" class="to-cart">
                                                    <img src="img/icon/cart.png" alt="">购物车 (
                                                    <span id="product_count"></span>&nbsp;)
                                                </a>
                                                <ul class="submenu-mainmenu mycart" style="display: none">
                                                    <li id="check-box">
                                                        <span class="sub-total-cart text-center" style="display: inline-block;">
                                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                &nbsp;&nbsp;小计&nbsp;&nbsp;&nbsp;
                                                            <span id="amount">￥620</span>
                                                            <a href="javascript:void(0);" class="view-cart active"></a>
                                                            <a href="javascript:void(0);" class="view-cart"></a>
                                                        </span>
                                                    </li>
                                                </ul>
                                                <ul class="submenu-mainmenu" style="text-align: center">
                                                    <li>
                                                        <span style="color: orange">登录后可查看购物车</span>
                                                        <a href="user_loginUI.html">点此登录</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="search-box">
                                        <form>
                                            <input type="text" placeholder="输入关键字查找" style="padding-bottom: 0px;">
                                            <button type="button" class="search-pro"><i class="fa fa-search"></i></button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-9 col-md-8">
                                <div class="mainmenu-area">
                                    <nav>
                                        <div class="mainmenu">
                                            <ul>
                                                <li><a href="user_index.html">主页</a></li>
                                                <li><a href="user_shop.html">商店</a></li>
                                                <li><a href="user_product_details.html">商品详情</a></li>
                                            </ul>
                                        </div>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-4">
                                <div class="account-usd">
                                    <ul>
                                        <li class="language"><a href="javascript:void(0);">我的账户<i class="fa fa-angle-down"></i></a>
                                            <ul class="submenu-mainmenu">
                                                <li><a href="javascript:void(0);" class="my-order"><i class="fa fa-circle"></i>我的订单</a></li>
                                                <li><a href="javascript:void(0);" class="my-like"><i class="fa fa-circle"></i>我的收藏</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu Area start -->
            <div class="mobile-menu-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="mobile-menu">
                                <nav id="dropdown">
                                    <ul>
                                        <li><a href="user_index.html">主页</a></li>
                                        <li><a href="user_shop.html">商店</a></li>
                                        <li><a href="user_product_details.html">商品详情</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu Area end -->
            <!--</header>-->
        </header>
        <!-- header end -->

         <!-- slider start -->
        <div class="slider-wrap">
            <div class="preview-2">
                <div id="nivoslider" class="slides"> 
                     <img src="img/slider/1.jpg" alt="" title="#slider-direction-1"  />
                     <img src="img/slider/2.jpg" alt="" title="#slider-direction-2"  />
                </div>
                <!-- direction 1 -->
                <div id="slider-direction-1" class="t-cn slider-direction">
                    <div class="nivo_text">   
                        <div class="slider-content slider-text-1">
                            <div class="wow bounceInDown" data-wow-duration="3s" data-wow-delay="0.3s">
                                <h4>夏日系列</h4>
                            </div>
                        </div>
                        <div class="slider-content slider-text-2">
                            <div class="wow bounceInLeft" data-wow-duration="3s" data-wow-delay="1s">
                               <h1 class="title">男士 - 2019</h1>
                            </div>
                        </div>
                        <div class="slider-content slider-text-3">
                            <div class="wow bounceInUp" data-wow-duration="3s" data-wow-delay="1s">
                                <a href="javascript:void(0);" class='slider-button' onclick="toMenShop()">现在就去购物<i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>    
                </div>
                <!-- direction 2 -->
                <div id="slider-direction-2" class="slider-direction">
                    <div class="nivo_text slide_two">  
                        <div class="slider-content slider-text-1">
                            <div class="wow bounceInDown" data-wow-duration="2s" data-wow-delay="0.3s">
                                <h4>夏日系列</h4>
                            </div>
                        </div>
                        <div class="slider-content slider-text-2">
                            <div class="wow bounceInRight" data-wow-duration="3s" data-wow-delay="1s">
                                <h1 class="title">女士 - 2019</h1>
                            </div>
                        </div>
                        <div class="slider-content slider-text-3">
                            <div class="wow bounceInUp" data-wow-duration="3s" data-wow-delay="1s">
                                <a href="javascript:void(0)" class='slider-button' onclick="toWomenShop()">现在就去购物 <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>     
                </div>
            </div>
        </div>
        <!-- slider end -->
        <!-- service start -->
        <div class="service_area clearfix">
            <div class="single-service">
                <div class="service-icon">
                    <img src="img/icon/1.png" alt="">
                </div>
                <div class="service-info">
                    <h2><a href="javascript:void(0);">免费送货</a></h2>
                    <p>所有产品免运费</p>
                </div>
            </div>
            <div class="single-service">
                <div class="service-icon">
                    <img src="img/icon/2.png" alt="">
                </div>
                <div class="service-info">
                    <h2><a href="javascript:void(0);">网上订购</a></h2>
                    <p><a href="javascript:void(0);">www.bootexperts.com</a></p>
                </div>
            </div>
            <div class="single-service ">
                <div class="service-icon">
                    <img src="img/icon/3.png" alt="">
                </div>
                <div class="service-info">
                    <h2><a href="javascript:void(0);">退款</a></h2>
                    <p>退款保证</p>
                </div>
            </div>
            <div class="single-service  hidden-md">
                <div class="service-icon">
                    <img src="img/icon/4.png" alt="">
                </div>
                <div class="service-info">
                    <h2><a href="javascript:void(0);">礼券</a></h2>
                    <p>惊喜礼品券</p>
                </div>
            </div>
        </div>
        <!-- service end -->

        <!-- banner start -->
        <div class="banner-area clearfix">
            <div class="single-banner">
                <a href="javascript:void(0);" class="border-hover to-men-shop"><img src="img/banner/1.jpg" alt=""></a>
                <a href="javascript:void(0);" class='slider-button to-men-shop'>现在就去购物 <i class="fa fa-angle-right"></i></a>
            </div>
            <div class="single-banner">
                <a href="javascript:void(0);" class="border-hover to-women-shop"><img src="img/banner/2.jpg" alt=""></a>
                <a href="javascript:void(0);" class='slider-button to-women-shop'>现在就去购物 <i class="fa fa-angle-right"></i></a>
            </div>
            <div class="single-banner ">
                <a href="javascript:void(0);" class="border-hover to-acc-shop"><img src="img/banner/3.jpg" alt=""></a>
                <a href="javascript:void(0);" class='slider-button to-acc-shop'>现在就去购物 <i class="fa fa-angle-right"></i></a>
            </div>
        </div>
        <!-- banner end -->

        <!-- arrival start -->
        <div class="arrival-area clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="section-tab">
                            <div class="section-tab-menu text-left">
                                <ul role="tablist">
                                    <li role="presentation" class="active"><a href="#new" aria-controls="new" role="tab" data-toggle="tab" class="new">新品上市</a></li>
                                    <li role="presentation"><a href="#featured" aria-controls="featured" role="tab" data-toggle="tab" class="featured">精选</a></li>
                                    <li role="presentation"><a href="#best" aria-controls="best" role="tab" data-toggle="tab" class="best">畅销</a></li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                            <div class="tab-content row">
                                <div id="new" role="tabpanel" class="active section-tab-item">
                                    <div class="tab-item-slider">
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                        </div> 
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">  
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/2.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/3.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/4.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Eletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/5.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥100</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Mortria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/2.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Eletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/3.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥100</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Mortria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="featured" role="tabpanel" class="section-tab-item">
                                    <div class="tab-item-slider">
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/9.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/10.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/11.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/8.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/7.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/6.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/5.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/4.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="best" role="tabpanel" class="section-tab-item">
                                    <div class="tab-item-slider">
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/10.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro-rating">
                                                            
                                                            
                                                            
                                                            
                                                            
                                                         </div>
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/2.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/9.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/4.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/8.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/6.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-width">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/7.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="section-button text-center">
                            <a href='#' class='slider-button'>查看更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- arrival end -->

        <!-- big banner start -->
        <div class="big_banner-area clearfix">
            <div class="single-big-banner">
                <a href="javascript:void(0);" class="border-hover to-men-shop"><img src="img/banner/big2.jpg" alt=""></a>
                <div class="section-button text-center">
                    <a href='javascript:void(0);' class='slider-button to-men-shop'>查看更多 <i class="fa fa-angle-right"></i></a>
                </div>
            </div>
            <div class="single-big-banner">
                <a href="javascript:void(0);" class="border-hover to-women-shop"><img src="img/banner/big3.jpg" alt=""></a>
                <div class="section-button text-center section-button-two">
                    <a href='javascript:void(0);' class='slider-button to-women-shop'>查看更多 <i class="fa fa-angle-right"></i></a>
                </div>
            </div>
        </div>
        <!-- big banner end -->

        <!-- trendy start -->
        <div class="trendy_area" style="margin: 80px 0">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-6 col-sm-6">
                        <div class="tendy-items-title">
                            <div class="section-title">
                                <h4>时尚物品</h4>
                            </div>
                        </div>
                        <div class="trend_tab">
                            <div class="tendy-tab-menu text-right">
                                <ul role="tablist">
                                    <li role="presentation" class="active"><a href="#women" aria-controls="women" role="tab" data-toggle="tab" class="women">女装</a></li>
                                    <li role="presentation"><a href="#men" aria-controls="men" role="tab" data-toggle="tab" class="men">男装</a></li>
                                    <li role="presentation"><a href="#acc" aria-controls="acc" role="tab" data-toggle="tab" class="acc">配饰</a></li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                            <div class="trend_content row">
                                <div id="women" role="tabpanel" class="active trend-item">
                                    <div class="trend-item-slider">
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/6.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/7.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/8.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/6.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/7.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/8.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="men" role="tabpanel" class="trend-item">
                                    <div class="trend-item-slider">
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/9.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/10.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/11.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/9.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/10.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/11.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="acc" role="tabpanel" class="trend-item">
                                    <div class="trend-item-slider">
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/2.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/3.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/2.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/3.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="section-button text-center">
                            <a href='javascript:void(0);' class='slider-button margin-allowed to-women-shop'>查看更多 <i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-6 col-sm-6">
                        <div class="trend-right">
                        </div>
                    </div>
                </div>
                <div class="row trendy_men">
                    <div class="col-lg-5 col-md-6 col-sm-6">
                        <div class="trend-right">
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-6 col-sm-6">
                        <div class="tendy-items-title">
                            <div class="section-title">
                                <h4>最畅销</h4>
                            </div>
                        </div>
                        <div class="trend_tab">
                           <div class="tendy-tab-menu text-right">
                                <ul role="tablist">
                                    <li role="presentation"><a href="#women-two" aria-controls="women-two" role="tab" data-toggle="tab" class="women-two">女装</a></li>
                                    <li role="presentation" class="active"><a href="#men-two" aria-controls="men-two" role="tab" data-toggle="tab" class="men-two">男装</a></li>
                                    <li role="presentation"><a href="#acc-two" aria-controls="acc-two" role="tab" data-toggle="tab" class="acc-tow">配饰</a></li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                            <div class="trend_content row">
                                <div id="women-two" role="tabpanel" class="trend-item">
                                    <div class="trend-item-slider">
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/6.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/7.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/8.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/6.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/7.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/8.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="men-two" role="tabpanel" class="active trend-item">
                                    <div class="trend-item-slider">
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/9.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/10.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/11.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/9.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/10.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/11.jpg" alt="">
                                                        </a>
                                                    </div>
                                                   <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="acc-two" role="tabpanel" class="trend-item">
                                    <div class="trend-item-slider">
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/2.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/3.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/1.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥150</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Electria Ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/2.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥130</span>
                                                            
                                                        </div>
                                                        <h3><a href="#">Tletria postma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="single-product">
                                                <div class="single-product-item">
                                                    <div class="single-product-img clearfix hover-effect">
                                                        <a href="#">
                                                            <img class="primary-image" src="img/product/3.jpg" alt="">
                                                        </a>
                                                    </div>
                                                    <div class="single-product-info clearfix">
                                                        
                                                        <div class="pro_price">
                                                            <span class="new-price">￥120</span>
                                                            
                                                        </div>      
                                                        <h3><a href="#">Celletria ostma</a></h3>
                                                    </div>
                                                    <div class="wish-icon-hover text-center">
                                                        <ul>
                                                            <li><a href="#" data-toggle="tooltip" title="Shopping Cart"><i class="fa fa-shopping-cart"></i></a></li>
                                                            <li><a class="modal-view" href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-eye"></i></a></li>
                                                            
                                                            <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>            
                        </div>
                        <div class="section-button text-center">
                            <a href='javascript:void(0);' class='slider-button to-men-shop'>查看更多 <i class="fa fa-angle-right"></i></a>
                        </div>    
                    </div>
                </div>
            </div>
        </div>
        <!-- trendy end -->

        <!-- testimonial start -->
        <div class="testimonal-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-7 testimonal-right col-md-offset-5">
                        <div class="testimonal-total">
                            <div class="testimonial-owl-wrap">
                                <div class="single-testimonial">
                                    <div class="testimonial-img">
                                        <a href="#"><img src="img/testimonial/1.jpg" alt=""></a>
                                    </div>
                                    <div class="testimonial-info">
                                        <h5>Zaculine Jenelia, <span>Head Of Business</span></h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation </p>
                                    </div>
                                </div>
                                <div class="single-testimonial">
                                    <div class="testimonial-img">
                                        <a href="#"><img src="img/testimonial/1.jpg" alt=""></a>
                                    </div>
                                    <div class="testimonial-info">
                                        <h5>Zaculine Jenelia, <span>Head Of Business</span></h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation </p>
                                    </div>
                                </div>
                                <div class="single-testimonial">
                                    <div class="testimonial-img">
                                        <a href="#"><img src="img/testimonial/1.jpg" alt=""></a>
                                    </div>
                                    <div class="testimonial-info">
                                        <h5>Zaculine Jenelia, <span>Head Of Business</span></h5>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- testimonial end -->

        <!-- client start -->
        <div class="client-area clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="section-title">
                            <h4>我们的品牌</h4>
                        </div>
                    </div>
                </div>    
                <div class="row">
                    <div class="client-owl">
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>    
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="single-client">
                                <a href="#"><img src="img/client/1.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="section-button text-center" style="height: 80px;">

                    </div>
                </div>
            </div>
        </div>
        <!-- client end -->

        <!-- footer start -->
        <footer class="footer-area">
            <!--<footer class="footer-area">-->
            <div class="footer-top-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-4 col-xs-12">
                            <div class="footer-logo text-center">
                                <a href="user_index.html"><img src="img/logo/footer-logo.png" alt="Jhilmil"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-middle-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h5>联系方式</h5>
                                <div class="single-footer-contact">
                                    <div class="footer-icon">
                                        <img src="img/cart/1.png" alt="">
                                    </div>
                                    <div class="footer-contact-info">
                                        <p>8901 Marmora Raod, </p>
                                        <p>Glasgow, D04  89GR</p>
                                    </div>
                                </div>
                                <div class="single-footer-contact">
                                    <div class="footer-icon">
                                        <img src="img/cart/2.png" alt="">
                                    </div>
                                    <div class="footer-contact-info">
                                        <p>电话 : (801) 4256  9856</p>
                                        <p>电话 : (801) 4256  9658</p>
                                    </div>
                                </div>
                                <div class="single-footer-contact">
                                    <div class="footer-icon">
                                        <img src="img/cart/3.png" alt="">
                                    </div>
                                    <div class="footer-contact-info">
                                        <p>电子邮件 : <a href="#">admin@devitems.com</a></p>
                                        <p>网址 : <a href="http://devitems.com/">www.devitems.com</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="footer-widget">
                                <h5>Company</h5>
                                <ul>
                                    <li><i class="fa fa-circle"></i><a href="user_index.html">主页</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">关于我们</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">联系我们</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">支持中心</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">隐私政策</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class="footer-widget">
                                <h5>支持</h5>
                                <ul>
                                    <li><i class="fa fa-circle"></i><a href="#">配送信息</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">订单跟踪</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">退货</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">礼物卡</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">送货上门</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">在线支持</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-3">
                            <div class="footer-widget">
                                <h5>信息</h5>
                                <ul>
                                    <li><i class="fa fa-circle"></i><a href="#">付款方式</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">运输</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">查看</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">折扣</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">网站地图</a></li>
                                    <li><i class="fa fa-circle"></i><a href="#">服务</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <div class="copyright">
                                <p>Copyright &copy; 2019.Company name All rights reserved</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="footer-menu text-center">
                                <nav>
                                    <ul>
                                        <li><a href="#">网站地图</a></li>
                                        <li><a href="#">联系我们</a></li>
                                        <li><a href="#">愿望清单</a></li>
                                        <li><a href="#">通讯</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-4 ">
                            <div class="payment text-right">
                                <img src="img/payment/1.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--</footer>-->
        </footer>
        <!-- footer end -->
        
       <!-- QUICKVIEW PRODUCT -->
        <div id="quickview-wrapper">
            <!--<div id="quickview-wrapper">-->
            <!-- Modal -->
            <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <div class="modal-product">
                                <div class="product-images">
                                    <div class="main-image images">
                                        <img alt="" src="img/product/static2.jpg">
                                    </div>
                                </div><!-- .product-images -->

                                <div class="product-info">
                                    <h1>Diam quis cursus</h1>
                                    <div class="price-box">
                                        <p class="price">
                                            <span class="special-price">
                                                <span class="amount">￥132.00</span>
                                            </span>
                                        </p>
                                    </div>
                                    <div class="product-detail">
                                        <h5>库存: <span class="remain"> In Stock</span> </h5>
                                        <h5>月销量：<span class="sales"> 10000 </span></h5>
                                    </div>
                                    <a href="user_shop.html" class="see-all">查看所有商品</a>
                                    <div class="quick-add-to-cart">
                                        <form method="post" class="cart">
                                            <div class="numbers-row">
                                                <div><a href="javascript:void(0);" class="btn btn-rounded btn-info reduce">-</a></div>
                                                <input type="hidden" name="productId" id="pid" value=""/>
                                                <input type="number" id="french-hens" class="count" value="1" onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"/>
                                                <div><a href="javascript:void(0);" class="btn btn-rounded btn-info add">+</a></div>
                                            </div>
                                            <button class="single-add-to-cart-button" type="submit">添加到购物车</button>
                                        </form>
                                    </div>
                                    <div class="quick-desc">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum.
                                    </div>
                                </div><!-- .product-info -->
                            </div><!-- .modal-product -->
                        </div><!-- .modal-body -->
                    </div><!-- .modal-content -->
                </div><!-- .modal-dialog -->
            </div>
            <!-- END Modal -->
            <!--</div>-->
        </div>

        <!-- END QUICKVIEW PRODUCT -->

		<!-- jquery
		============================================ -->
        <script src="js/vendor/jquery-1.11.3.min.js"></script>
		<!-- bootstrap JS
		============================================ -->		
        <script src="js/bootstrap.min.js"></script>
		<!-- meanmenu JS
		============================================ -->		
        <script src="js/jquery.meanmenu.js"></script>
		<!-- wow JS
		============================================ -->		
        <script src="js/wow.min.js"></script>
		<!-- owl.carousel JS
		============================================ -->		
        <script src="js/owl.carousel.min.js"></script>
		<!-- countdown JS
		============================================ -->		
        <script src="js/jquery.countdown.min.js"></script>
		<!-- price-slider JS
		============================================ -->		
        <script src="js/jquery-price-slider.js"></script>
		<!-- scrollUp JS
		============================================ -->		
        <script src="js/jquery.scrollUp.min.js"></script>
		<!-- plugins JS
		============================================ -->		
        <script src="js/plugins.js"></script>
   		<!-- Nevo Slider js
		============================================ -->         
		<script type="text/javascript" src="lib/custom-slider/js/jquery.nivo.slider.js"></script>
        <script type="text/javascript" src="lib/custom-slider/home.js"></script>
		<!-- main JS
		============================================ -->		
        <script src="js/main.js"></script>
        <script src="js/myfun.js"></script>
        <script>
            //跳转到购物车
            $(function () {
                $("a.to-cart").click(function () {
                    $.ajax({
                        url: url + "cart/cartUI",
                        type: "POST",
                        success: function (data) {
                            if (data["code"] == 200){
                                window.location.href=url + "user/" + data["data"]+".html";
                            }
                        }
                    });
                });

                $("a.to-cart").hover(function () {
                    $(".header-area .top-right .cart .mycart .single-cart-item").remove();
                    $.ajax({
                        url: url + "cart/getCartList",
                        type: "POST",
                        data: {userName:getCookie("USER_NAME")},
                        success: function (data) {
                            if (data["code"] == 200){
                                var datum = data["data"];
                                var sum = 0;
                                for (let i = 0; i < datum.length; i++) {
                                    var product = datum[i]["product"];
                                    $(".header-area .top-right .cart .mycart #check-box").before(
                                        "<li class=\"single-cart-item clearfix\">\n" +
                                        "    <span class=\"cart-img\">\n" +
                                        "        <a href=\"javascript:void(0);\" class='show-info' data-target='" + product["productId"] + "'><img src=\"" + product["productPicture"] + "\" alt=\"\" width=\"50\"></a>\n" +
                                        "    </span>\n" +
                                        "    <span class=\"cart-info\">\n" +
                                        "        <a href=\"javascript:void(0);\" class='show-info' data-target='\" + product[\"productId\"] + \"'>" + product["productName"] + "</a>\n" +
                                        "        <span>￥<span>" + product["productPrice"] + "</span> x <span>" + datum[i]["carCount"] + "</span></span>\n" +
                                        "    </span>\n" +
                                        "</li>"
                                    );

                                    sum += product["productPrice"] * datum[i]["carCount"];
                                }
                                $(".cart #product_count").html(datum.length);
                                $(".cart #amount").html("￥" + sum.toFixed(2));
                            }
                        }
                    });
                });
            });

            $(function () {
                $("a[class='show-info']").click(function () {
                    $.ajax({
                        url:url + "user/setDetails",
                        type:"POST",
                        data:{id:$(this).attr("data-target")},
                        success:function (data) {
                            if (data["code"] == 200){
                                toPage("productDetails");
                            }
                        }
                    })
                });
            });

            $("a[title='Shopping Cart']").each(function () {
                $(this).attr("href","javascript:void(0);")
            });
            //添加到购物车
            $("a[title='Shopping Cart']").click(function () {
                var id = $(this).parent().next().find("a");
                $.ajax({
                    url: url + "cart/addCart",
                    type: "POST",
                    data: {
                        userName: getCookie("USER_NAME"),
                        productId: id.attr("title")
                    },
                    success: function (data) {
                        if (data["code"] == 200) {
                            alert("添加成功")
                        }else if(data["code"] == 405){
                            window.location.href=url + "user/user_loginUI.html";
                        }
                    }
                });
            });

            $("a[title='Like it!']").each(function () {
                $(this).attr("href","javascript:void(0);")
            });
            //添加到收藏
            $("a[title='Like it!']").click(function () {
                var id = $(this).parent().prev().find("a");
                $.ajax({
                    url: url + "collection/addCollection",
                    type: "POST",
                    data: {
                        userName: getCookie("USER_NAME"),
                        productId: id.attr("title")
                    },
                    success: function (data) {
                        if (data["code"] == 200) {
                            alert("添加成功！")
                        }else if(data["code"] == 405){
                            window.location.href=url + "user/user_loginUI.html";
                        }else if (data["code"] == 205) {
                            alert(data["data"]);
                        }
                    }
                });

            });
        </script>
    </body>
</html>

